<template>
  <el-card  shadow="never" class="aui-card--fill">
    <div  class="content">
      <div class="HomeItem">
        <show-notice></show-notice>
      </div>
      <div class="HomeItem">
        <depart-info/>
      </div> 
      <!-- <div class="HomeItem">
        <ShowNotice></ShowNotice>
      </div>
      <div class="HomeItem">
        <DepartInfo />
      </div> -->
      <!-- <h3>项目介绍</h3>
      <ul>
        <li>GDPMS基于vue、element-ui构建开发，实现<a href="https://gitee.com/lizhi7/Graduation-design-process-management-system" target="_blank">毕业设计过程管理</a>后台管理前端功能，提供一套更优的前端解决方案</li>
        <li>前后端分离，通过token进行数据交互，可独立部署</li>
        <li>动态菜单，通过菜单管理统一管理访问路由</li>
      </ul>
      <h3>Gitee项目地址</h3>
      <ul>
        <li>前端Git地址：<a href="https://gitee.com/lizhi7/Graduation-design-process-management-system/tree/master/src/frontend" target="_blank">https://gitee.com/lizhi7/Graduation-design-process-management-system/tree/master/src/frontend</a></li>
        <li>后台Git地址：<a href="https://gitee.com/lizhi7/Graduation-design-process-management-system/tree/master/src/backend" target="_blank">https://gitee.com/lizhi7/Graduation-design-process-management-system/tree/master/src/backend</a></li>
      </ul>
      <h3>相关文档</h3>
      <ul>
        <li>需求文档：<a href="https://www.kdocs.cn/l/cue5ACcCi7ZR"
            target="_blank">https://www.kdocs.cn/l/cue5ACcCi7ZR</a>
        </li>
        <li>功能规格书：<a href="https://www.kdocs.cn/l/cqYLHanc0Dw7"
            target="_blank">https://www.kdocs.cn/l/cqYLHanc0Dw7</a>
        </li>
        <li>接口文档：<a href="https://www.kdocs.cn/l/cnq4g8QNDfBU" target="_blank">https://www.kdocs.cn/l/cnq4g8QNDfBU</a>
        </li>
        <li>菜单列表：<a href="https://www.kdocs.cn/l/cdz3JAncGD6F" target="_blank">https://www.kdocs.cn/l/cdz3JAncGD6F</a>
        </li>
        <li>Axure原型：<a href="https://app.axure.cloud/app/project/5mwd73/overview" target="_blank">https://app.axure.cloud/app/project/5mwd73/overview</a>
        </li>
        <li>数据字典：<a href="https://www.kdocs.cn/l/ctzn1dX6g5Hu"
            target="_blank">https://www.kdocs.cn/l/ctzn1dX6g5Hu</a>
        </li>
      </ul>
      <h3>相关工具</h3>
      <ul>
        <li>ElementUI：<a href="https://element.eleme.cn/#/zh-CN/component/installation" target="_blank">https://element.eleme.cn/#/zh-CN/component/installation</a>
        </li>
        <li>阿里巴巴图标：<a href="https://www.iconfont.cn/"
            target="_blank">https://www.iconfont.cn/</a>
        </li>
      </ul> -->
    </div>
  </el-card>
</template>
<script>
import ShowNotice from '@/views/components/NoticeShow.vue'
import DepartInfo from '@/views/components/DepartInfo.vue'
export default {
  data() {
    return {}
  },
  created() {
    // this.getDataList()
  },
  components: {
    ShowNotice,
    DepartInfo
  },
  methods: {
    getDataList: function() {//初始化页面获取所有公告
      // this.dataListLoading = true
      // this.total = this.dataList.length
      // this.dataListLoading = false

      this.dataListLoading = true
      servicesApi.getNoticeAll().then(res => {
        // console.log(res.data)
        let code = res.data.code
        let data = res.data.data
        if (code === 200) {
          this.dataList = data
          this.showDataList = this.dataList.slice((this.page - 1) * this.limit, this.page * this.limit);   // 抓取区间数据
          this.total = data.length
        } else {
          this.dataList = []
          this.showDataList = []
          this.total = 0
        }
        this.dataListLoading = false
      })


    },
  }
}
</script>
<style scoped>
.content{
  width: 100%;
  height: 100%;
  /* background-color: #f0f3f4; */
  position: relative;
  padding: 10px;
 
}
.HomeItem{
  width: 50%;
  display:inline-flex;
  float:inline-start;
  /* margin: 10px 10px; */
  padding: 10px;
  /* background-color: #eff2f3; */
  /* justify-content:flex-end; */
  /* align-items:center; */
  /* overflow: visible; */
  min-height: 58vh;
}
</style>
